<template>

    <div class="box">
        <horder class="horder">
            <van-nav-bar title="订单列表" left-text="" left-arrow @click-left="onClickLeft" />

        </horder>
        <main class="main">
            <van-tabs v-model:active="active">
                <van-tab title="全部"> </van-tab>
                <van-tab title="待付款">
                    
                    <van-card v-for="item in store.cartlist" :key="item.id" :num="item.count" :price="item.price"  :title="item.title"
                        :thumb="item.image" @click="$router.push('/detial')"/>
                        <p style="width: 50px;height: 30px;background: red;color: white;" >待付款</p>
                </van-tab>
                <van-tab title="待发货">
                    <van-empty image="https://fastly.jsdelivr.net/npm/@vant/assets/custom-empty-image.png"
                        image-size="80" description="描述文字" />

                </van-tab>
                <van-tab title="待收货">待收货</van-tab>
                <van-tab title="待评价">待评价</van-tab>
                <van-tab title="售后">售后</van-tab>
            </van-tabs>
        </main>
    </div>

</template>

<script setup>
import { useCounterStore } from '@/stores/counter'

const store = useCounterStore()
</script>

<style lang="scss" scoped></style>